<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.div{
				/* position: absolute; */
			}
			/* 针对父元素： */
			p{
				display: none;
				position: absolute;
			}
			div:hover p{
				display: block;
			}
			
		</style>
	</head>
	<body>
		<div class="div">
			图标
			<p>
				<img src="../css动画/img/1.png" width="50" ><br>
				<img src="../css动画/img/1.png" width="50" ><br>
				<img src="../css动画/img/1.png" width="50" ><br>
				<img src="../css动画/img/1.png" width="50" ><br>
				<img src="../css动画/img/1.png" width="50" ><br>
			</p>
		</div>
		<img src="../css动画/img/dog.jpg" >
	</body>
</html>
